<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8">
    <title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="../../css/mui.min.css">
  </head>

  <body>
    <header class="mui-bar mui-bar-nav">
      <a id="back" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
      <a class="mui-icon mui-icon-plus mui-pull-right" v-on="tap:goTo({url:'./product_form.html',id:'product_form'},{name:'product1'})"></a>
      <h1 id="title" class="mui-title">Products</h1>
    </header>
    <div class="mui-content"></div>
  </body>
  <script src="../../js/mui.min.js"></script>
  <script src="../../js/vue.min.js"></script>
  <script src="../../app/vue-html5.js"></script>
  <script src="../../js/lodash.min.js"></script>
  <script type="text/javascript">
    (function($, window, document, Vue, vm) {
      window.vm = vm = new Vue.PageVm({
        el: 'body',
        name: 'page product_list',
      });
    })(mui, window, document, Vue, window.vm = {});
    mui.plusReady(function() {
      localStorage['$webview:product_list:readyShow'] = true;
    });
     //启用双击监听
    mui.init({
      gestureConfig: {
        doubletap: true
      },
      subpages: [{
        url: 'product_list_sub.html',
        id: 'product_list_sub.html',
        styles: {
          top: '45px',
          bottom: '0px',
        }
      }]
    });
    var contentWebview = null;
//  document.querySelector('header').addEventListener('doubletap', function() {
//    if (contentWebview == null) {
//      contentWebview = plus.webview.currentWebview().children()[0];
//    }
//    if (mui.os.ios) {
//      contentWebview.evalJS("mui('#pullrefresh').pullRefresh().scrollTo(0,0,100)");
//    } else {
//      contentWebview.evalJS('mui.scrollTo(0, 100)');
//    }
//  });
  </script>

</html>